<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
    
  <form action="busqueda_inicial" method="post">
 
 <div id="interior_paramentros">
 	
 	<div class="titulo">Criterios de Busqueda</div> 
 	<div id="contenedor_parametros">
 		<table border="0" cellpadding="0" cellspacing="0">
 			
 			<tr height="40px">
 				<td valign="middle" width="140" class="sub_titulo">Modalidad</td>
 				<td width="205" class="sub_titulo"><input checked="checked" type="radio" value="1" name="rd_modalidad">Alquiler
 				<input type="radio" value="2" name="rd_modalidad">Compra 
 				</td>
 			</tr>
 			<tr height="40px">
 				<td valign="top" class="sub_titulo">Tipo de Propiedad</td>
 				<td class="input_select">
 				<select id="cbo_tipo_propiedad" name="cbo_tipo_propiedad" >
 								<option value="none">[-Seleccione-]</option>
								<option value="1">Casa</option>
								<option value="2">Casa de Playa</option>
								<option value="3">Casa de Campo</option>
								<option value="4">Chalet</option>
								<option value="5">Departamento</option>
								<option value="6">Terreno</option>
								<option value="7">Habitacion</option>
								<option value="8">Oficina</option>
								<option value="9">Local</option>
								<option value="10">Deposito</option>
								<option value="11">Cochera</option>
								<option value="12">Edificio</option>
								<option value="13">Otros</option>
 				</select>
 				</td>
 			</tr> 			
 			<tr height="40px">
 				<td class="sub_titulo" valign="top">Ubicaci&oacute;n</td>
 				<td align="left">
 				<div class="input_ubicacion">
 					<div id="image_buscar" onclick="change_txtbuscar()"></div>
 					<div class="input_ubicacion_text"><input class="clearField" value="Ej. Lince, Ate, Rimac" type="text" id="txtBuscar" /></div>
 					<div id="image_load" style="display: none;float: left;margin-left:174px;margin-top:-20px"><img style="" width="20px" height="20px" alt="load..." src="images/ajax-loader2.gif"></div>
 				</div>
 				<div id="list_auto_complete">
                </div>
 				</td>
 			</tr>
 			<tr>
 				<td colspan="2">
 				
 				      <div id="contenedor_distritos"> 
 				      		                           
                            <div id="nuevo_div" class="retornable"></div>
                       </div>
 				
 				</td>
 			</tr>
 			<tr height="40px">
 				<td colspan="2" align="right"><input class="btn_buscar" type="submit" value="Buscar" /></td>
 			</tr>
 			
 		
 		</table>
 		
 	</div> 		
 </div>
  </form>
  
 <script type="text/javascript">


$(document).ready(function(){	

	
	 $('#list_auto_complete').hide();
	 $('#txtBuscar').keyup(function(){
	   $(this).doTimeout( 'text-type', 400, function(){
	      $('#image_load').show();
	      auto_complete_zone();
	   });

	
	   
	 });
 });

 function auto_complete_zone(){
	 if($('#txtBuscar').val().length!=0){
	     $.ajax({
	         type: "POST",
	         url: "autocomplete",
	         data: "txt_distrito="+$('#txtBuscar').val(),
	         cache: false,
	         success: function(html){
	             $('#list_auto_complete').show();
	             $("#list_auto_complete").html(html);
	         },
	         complete: function(html){
	             $('#image_load').hide();
	           }
	     });

	 }else{
	     $('#image_load').hide();
	     $('#list_auto_complete').hide();
	 }
	 }


 
function close_list(){
	$('#txtBuscar').val("");
	$('#txtBuscar').focus();
	$('#list_auto_complete').hide("slow");
}
	
function delete_zone(id){
	    $("#div_"+id).hide("slow");
	    x=$("#div_"+id);
	    x=x.eq(0);
	    x.remove();
}

function change_txtbuscar(){
	$("#txtBuscar").focus();
}

function buscar(){
	this.location='resultado_busqueda.jsp';
}
 	
 </script>

